<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../lib/iconfont4/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
    <script src="../js/jquery.js"></script>
    <script src="../js/index.autoplay.js" defer=true></script>
<script src="../js/lunbo.js"></script>

    <title>Document</title>
</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="box_top">
            <div class="box_top1">
                <!-- 登录 注册部分 -->
                <ul class="top_ul1">
                    <li><span>10721746</span><span>位会员的选择</span></li>
                    <li><a href="./login.html"> 登录</a></li>
                    <li><a href="./reg.html"> 注册</a></li>
                </ul>
                <!-- 签到等 右边部分 -->

                <ul class="top_ul2">
                    <li><a href="">会员俱乐部</a></li>
                    <li class="top_li1"><a href="">签到</a></li>
                    <li class="top_li2"><a href="">我的账户 </a>
                        <span></span>
                        <ul>
                            <li><a href="#">我的订单</a></li>
                            <li><a href="#">我的存酒库</a></li>
                            <li><a href="#">我的优惠券</a></li>
                            <li><a href="#">我的收藏夹</a></li>
                        </ul>
                    </li>
                    <li class="top_li3"><a href="">手机版</a>
                        <div class="code_box">
                            <p class="p1">手机专享</p>
                            <div><img src="../images/logo/red-code.png" alt=""></div>
                            <div class="andrio_ios">
                                <p class="p2">下载也买酒客户端</p>
                                <p><a href="#"><img src="../images/logo/ios.png" alt=""></a></p>
                                <p><a href="#"><img src="../images/logo/android.png" alt=""></a></p>
                            </div>
                            <p class="p1"><a href="#">了解更多客户端优惠</a></p>
                        </div>
                    </li>
                    <li><a href="">设置勿扰</a></li>
                </ul>
            </div>
            <!-- 头部第二部分 -->
            <div class="box_top2">
                <!-- logo部分 -->
                <div class="top2_1"><a href="#"></a></div>
                <div class="top2_2"></div>
                <div class="top2_3"><a href=""><img src="../images/logo/t_Sign.gif" alt=""></a> </div>
                <!-- 输入框  购物车部分 -->
                <div class="form_div">
                    <form action="">
                        <input class="search_1" type="text" placeholder="输入您要查找的商品名称" value="">
                        <input class="search_2" type="submit" value="搜索">
                        <p class="carts_logo">
                            <a href="./carts.html"></a>
                            <span>0</span>
                        </p>
                        <p class="form_down"><a href=""></a></p>
                    </form>
                    <p><a href=""> 2018期酒在线发售 </a> <a href=""> 陈年茅台</a></p>
                </div>
            </div>
            <!-- 头部导航部分 -->
            <div class="box_top3">
                <ul class="top3_nav">
                    <li class="wine_1"><a href="#">首页</a></li>
                    <li><a href="#">超值抢购</a>|</li>
                    <li class="wine_2"><a href="#">名庄臻选</a><span></span>|</li>
                    <li><a href="#">非常大牌</a>|</li>
                    <li class="wine_3"><a href="#">香港期酒</a><span></span>|</li>
                    <li class="wine_4"><a href="#">也买严选</a><span></span>|</li>
                    <li><a href="#">清仓特卖</a>|</li>
                    <li class="wine_5"><a href="#">也买快送</a><span></span>|</li>
                </ul>
                <div class="top3_nav1">
                    <h3><a href="#"> 选酒中心</a><span></span></h3>
                    <div>
                        <dl class="first_slidelist">
                            <dt>
                                <h4><a href="#"> 中国白酒</a><span></span></h4>
                                <p>
                                    <a href="#" class="bg_red">茅台</a>
                                    <a href="#">五粮液</a>
                                    <a href="#">洋河</a>
                                    <a href="#">红花郎</a>
                                    <a href="#" class="bg_red">陈年老酒</a>
                                    <a href="#">酱香型</a>
                                    <a href="#">贵州</a>
                                </p>
                            </dt>
                            <dd class="pushOut">
                                <ul class="line1">
                                    <li>
                                        <h5>白酒</h5>
                                        <p><a href="#">白酒特卖馆</a><a href="#">陈年老酒</a></p>
                                    </li>
                                    <li>
                                        <h5>香型</h5>
                                        <p>
                                            <a href="#">浓香型</a>
                                            <a href="#">酱香型</a>
                                            <a href="#">清香型</a>
                                            <br>
                                            <a href="#">凤香型</a>
                                            <a href="#">米香型</a>
                                            <a href="#">酱香型</a>
                                            <br>
                                            <a href="#">酱香型</a>
                                            <a href="#">酱香型</a>
                                        </p>
                                    </li>
                                    <li class="twoword">
                                        <h5>产地</h5>
                                        <p>
                                            <a href="#">贵州</a>
                                            <a href="#" class="group2">四川</a>
                                            <a href="#" class="group2">云南</a>
                                            <br>
                                            <a href="#">湖南</a>
                                            <a href="#" class="group2">北京</a>
                                            <a href="#" class="group2">天津</a>
                                            <br>
                                            <a href="#">河北</a>
                                            <a href="#" class="group2">河南</a>
                                        </p>
                                    </li>
                                    <li>
                                        <h5>价格</h5>
                                        <p>
                                            <a href="#">1-49</a>
                                            <a href="#" class="group3">50-99</a>
                                            <a href="#" class="group4">100-149</a>
                                            <br>
                                            <a href="#">150-199</a>
                                            <a href="#" class="group5">200-349</a>
                                            <a href="#" class="group5">499-888</a>
                                            <br>
                                            <a href="#">1000以上</a>
                                        </p>
                                    </li>
                                </ul>
                                <ul class="line2">
                                    <li>
                                        <h5>陈年老酒</h5>
                                        <p>
                                            <a href="#">80年代</a>
                                            <a href="#">90年代</a>
                                            <a href="#">2001年</a>
                                            <a href="#">2002年</a>
                                            <a href="#">2003年</a>
                                            <a href="#">2004年</a>
                                            <a href="#">2005年</a>
                                            <a href="#">2006年</a>
                                            <a href="#">2007年</a>
                                            <a href="#">2008年</a>
                                            <a href="#">2009年</a>
                                            <a href="#">2011年</a>
                                        </p>
                                    </li>
                                    <li>
                                        <h5>品牌</h5>
                                        <p>
                                            <a href="#">茅台</a>
                                            <a href="#">五粮液</a>
                                            <a href="#">剑南春</a>
                                            <br>
                                            <a href="#">酒鬼</a>
                                            <a href="#">水井坊</a>
                                            <a href="#">牛栏山</a>
                                            <br>
                                            <a href="#">沱牌</a>
                                            <a href="#">泸州老窖</a>
                                            <a href="#">兄弟</a>
                                            <br>
                                            <a href="#">茅台</a>
                                            <a href="#">五粮液</a>
                                            <a href="#">剑南春</a>
                                            <br>
                                            <a href="#">酒鬼</>
                                                <a href="#">水井坊</a>
                                                <a href="#">牛栏山</a>
                                                <br>
                                                <a href="#">沱牌</a>
                                                <a href="#">泸州老窖</a>
                                                <a href="#">兄弟</a>
                                                <br>
                                                <a href="#">茅台</a>
                                                <a href="#">五粮液</a>
                                                <a href="#">剑南春</a>
                                                <br>
                                                <a href="#">酒鬼</a>
                                                <a href="#">水井坊</a>
                                                <a href="#">牛栏山</a>
                                                <br>
                                                <a href="#">沱牌</a>
                                                <a href="#">泸州老窖</a>
                                                <a href="#">兄弟</a>
                                        </p>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <h4><a href="#"> 葡萄酒</a></h4>
                                <p>
                                    <a href="#">法国</a>
                                    <a href="#">意大利</a>
                                    <a href="#">智利</a>
                                    <a href="#">干红</a>
                                    <a href="#">桃红</a>
                                    <a href="#">甜白</a>
                                    <a href="#">起泡</a>
                                    <a href="#" class="bg_red">2018期酒</a>
                                    <a href="#">列级庄</a>
                                </p>
                            </dt>
                            <dd></dd>
                        </dl>
                        <dl>
                            <dt>
                                <h4><a href="#"> 洋酒烈酒</a></h4>
                                <p>
                                    <a href="#">轩尼诗</a>
                                    <a href="#">威士忌</a>
                                    <a href="#">鸡尾酒</a>
                                    <a href="#">百利甜</a>
                                    <a href="#">干邑</a>
                                    <a href="#">白兰地</a>
                                    <a href="#">朗姆酒</a>
                                    <a href="#">伏特加</a>
                                </p>
                            </dt>
                            <dd></dd>
                        </dl>
                        <dl>
                            <dt>
                                <h4><a href="#"> 啤酒 黄酒 日韩酒</a></h4>
                                <p>
                                    <a href="#">进口啤酒</a>
                                    <a href="#">精酿黄酒</a>
                                    <a href="#">矩惠抢购</a>
                                    <a href="#">绍兴黄酒</a>
                                    <a href="#">清酒</a>
                                    <a href="#">梅酒</a>
                                    <a href="#">烧酒</a>
                                </p>
                            </dt>
                            <dd></dd>
                        </dl>
                        <dl>
                            <dt>
                                <h4><a href="#"> 酒具周边</a></h4>
                                <p>
                                    <a href="#">酒杯</a>
                                    <a href="#" class="bg_red">酒矩</a>
                                    <a href="#">酒刀</a>
                                    <a href="#">礼盒</a>
                                    <a href="#">其他酒具</a>
                                </p>
                            </dt>
                            <dd></dd>
                        </dl>
                        <dl>
                            <dt>
                                <h4><a href="#"> 一键选酒</a><span></span></h4>
                                <p>
                                    <a href="#" class="bg_red">礼盒</a>
                                    <a href="#">餐酒精选</a>
                                    <a href="#">实惠套装</a>
                                    <a href="#">权威高分酒</a>
                                    <a href="#">聚会婚庆整箱</a>
                                    <a href="#">精品闪购</a>
                                    <a href="#" class="bg_red">海淘</a>
                                    <a href="#" class="bg_red">陈酿老酒</a>
                                </p>
                            </dt>
                            <dd></dd>
                        </dl>
                    </div>
                </div>
                <div class="top3_nav2">
                    <dl>
                        <dt></dt>
                        <dt><a href="#" style="font-size: 14px">会员中心</a></dt>
                        <dd><a href="#">登录</a></dd>
                        <dd><a href="#">注册</a></dd>
                    </dl>
                    <ul>
                        <li> <a class="logo_ul logone"></a><a href="#">我的订单</a></li>
                        <li><a class="logo_ul logtwo"> </a><a href="#">我的优惠券</a></li>
                        <li><a class="logo_ul logtre"></a><a href="#">我的积分</a></li>
                        <li><a class="logo_ul logfou"></a><a href="#">我的存酒</a></li>
                        <li><a class="logo_ul logfiv"></a><a href="#">会员升级</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>

    <!-- 主要内容 -->
    <section>
        <div class="banner">
            <div class="play_auto">
                <ul id="ul_move">
                    <li><a href="#"><img src="../images/index/turnround_0.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../images/index/turnround_1.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../images/index/turnround_2.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../images/index/turnround_3.jpg" alt=""></a></li>
                    <li><a href="#"><img src="../images/index/turnround_4.jpg" alt=""></a></li>
                </ul>
            </div>
            <div class="num_list">
                <span>1</span>
                <span>2</span>
                <span>3</span>
                <span>4</span>
                <span>5</span>
            </div>
        </div>
        <div class="import_wine">
            <!-- 第一行  标题行 -->
            <div class="head_nav">
                <h2>进口葡萄酒</h2>
                <span><a href="">全部葡萄酒</a></span>
                <ul>
                    <li><a href="">红葡萄酒</a></li>
                    <li><a href="">红葡萄酒</a></li>
                    <li><a href="">白葡萄酒</a></li>
                    <li><a href="">桃红葡萄酒</a></li>
                    <li><a href="">起泡酒</a></li>
                    <li><a href="">香槟</a></li>
                    <li><a href="">赤霞珠</a></li>
                </ul>

            </div>
            <!-- 第二行  内容轮播图行 -->

            <div class="more_photo">
                <!-- 左边部分 -->
                <table>
                    <tr>
                        <td><a href="#"><img src="../images/parttwo/parttwo1.jpg" alt=""></a></td>
                        <td><a href="#"><img src="../images/parttwo/parttwo2.jpg" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><a href="#"><img src="../images/parttwo/parttwo3.jpg" alt=""></a></td>
                        <td><a href="#"><img src="../images/parttwo/parttwo4.jpg" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><a href="#"><img src="../images/parttwo/parttwo5.jpg" alt=""></a></td>
                        <td><a href="#"><img src="../images/parttwo/parttwo6.jpg" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><a href="#"><img src="../images/parttwo/parttwo7.jpg" alt=""></a></td>
                        <td><a href="#"><img src="../images/parttwo/parttwo8.jpg" alt=""></a></td>
                    </tr>
                    <tr>
                        <td><a href="#"><img src="../images/parttwo/parttwo9.jpg" alt=""></a></td>
                        <td><a href="#"><img src="../images/parttwo/parttwo10.jpg" alt=""></a></td>
                    </tr>
                </table>

                <!-- 轮播部分 -->
                <div class="change_ph">
                    <ul >
                        <li><a href="#"><img src="../images/parttwo/partmiddle-1.jpg" alt=""></a></li>
                        <li><a href="#"><img src="../images/parttwo/partmiddle-2.jpg" alt=""></a></li>
                        <li><a href="#"><img src="../images/parttwo/partmiddle-3.jpg" alt=""></a></li>
                        <li><a href="#"><img src="../images/parttwo/partmiddle-4.jpg" alt=""></a></li>
                        <li><a href="#"><img src="../images/parttwo/partmiddle-5.jpg" alt=""></a></li>
                    </ul>
                    <div class="num_list1">
                        <span>1</span>
                        <span>2</span>
                        <span>3</span>
                        <span>4</span>
                        <span>5</span>
                    </div>
                </div>
                <div class="change_left">
                    <div><a href="#"><img src="../images/parttwo/partmiddle1.jpg" alt=""></a></div>
                    <div><a href="#"><img src="../images/parttwo/partmiddle2.jpg" alt=""></a></div>
                </div>
            </div>
            <!-- 第三行  性价比 内容行   ../images/partone/partone.jpg-->
            <div class="goodPreis">
                <div class="left_part">
                    <h3><strong>性价比之选</strong> <a href="#">更多>></a></h3>
                    <div class="preis_g">
                        <div class="gleich"><a href="#" ><img src="" alt=""></a>  
                            <div class="word_">
                                <p><a href="#" class="g_name">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 1998</span></p>
                                <p><span> 2</span><span>好评 100%</span></p>
                            </div>
                        </div>
                        <div class="gleich"><a href="#"><img src="" alt=""></a>
                            <div class="word_">
                                <p><a href="#" class="g_name">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 1998</span></p>
                                <p><span>售出 2</span><span>好评 100%</span></p>
                            </div>
                        </div>
                        <div class="gleich">
                            <a href="#"><img src="" alt=""></a>
                            <div class="word_">
                                <p><a href="#" class="g_name">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 1998</span></p>
                                <p><span>售出 300</span><span>好评 93%</span></p>
                            </div>
                        </div>
                        <div class="gleich">
                            <a href="#"><img src="../images/partone/partone4.jpg" alt=""></a>
                            <div class="word_">
                                <p><a href="#">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 1998</span></p>
                                <p><span>售出 10</span><span>好评 100%</span></p>
                            </div>
                        </div>
                        <div class="gleich">
                            <a href="#"><img src="../images/partone/partone5.jpg" alt=""></a>
                            <div class="word_">
                                <p><a href="#">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 198</span></p>
                                <p><span>售出 4</span><span>好评 98%</span></p>
                            </div>
                        </div>
                    </div>

                    <!-- 新品上市 -->

                    <h3><strong>新品上市</strong> <a href="#">更多>></a></h3>
                    <div class="preis_g">
                        <div class="gleich"><a href="#"><img src="../images/partone/partone6.jpg" alt=""></a>
                            <div class="word_">
                                <p><a href="#" class="good_name">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 1998</span></p>
                                <p><span>售出 2</span><span>好评 100%</span></p>
                            </div>
                        </div>
                        <div class="gleich"><a href="#"><img src="../images/partone/partone9.jpg" alt=""></a>
                            <div class="word_">
                                <p><a href="#" class="good_name">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 998</span></p>
                                <p><span>售出 2</span><span>好评 100%</span></p>
                            </div>
                        </div>
                        <div class="gleich">
                            <a href="#"><img src="../images/partone/partone8.jpg" alt=""></a>
                            <div class="word_">
                                <p><a href="#" class="good_name">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 188</span></p>
                                <p><span>售出 300</span><span>好评 93%</span></p>
                            </div>
                        </div>
                        <div class="gleich">
                            <a href="#"><img src="../images/partone/partone4.jpg" alt=""></a>
                            <div class="word_">
                                <p><a href="#">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 198</span></p>
                                <p><span>售出 10</span><span>好评 100%</span></p>
                            </div>
                        </div>
                        <div class="gleich">
                            <a href="#"><img src="../images/partone/partone5.jpg" alt=""></a>
                            <div class="word_">
                                <p><a href="#">宝马庄园干红葡萄酒,2018年期酒750ml香港提货</a></p>
                                <p class="geld">¥<span class="preis" > 98</span></p>
                                <p><span>售出 4</span><span>好评 98%</span></p>
                            </div>
                        </div>
                    </div>

                </div>


                <!-- 右边销量排行榜    -->
                <div class="right_part">
                    <h3>一周排行榜</h3>
                    <ul>
                        <li class="hovered">
                            <span class="colorchange">1</span><a href="#" class="photo"><img
                                    src="../images/partone/partone11.jpg" alt=""></a>
                            <div>
                                <p><a href="#">康纳斯顿梅洛干红葡萄酒(黑标)</a></p>
                                <p class="soldout">售出<span>25000</span></p>
                                <p>¥59</p>
                            </div>
                        </li>
                        <li class="hovered">
                            <span class="colorchange">2</span><a href="#" class="photo"><img
                                    src="../images/partone/partone12.jpg" alt=""></a>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>
                                <p class="soldout">售出<span>22000</span></p>
                                <p>¥49</p>
                            </div>
                        </li>
                        <li class="hovered">
                            <span class="colorchange">3</span><a href="#" class="photo"><img
                                    src="../images/partone/partone13.jpg" alt=""></a>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>
                                <p class="soldout">售出<span>21900</span></p>
                                <p>¥49</p>
                            </div>
                        </li>
                        <li>
                            <span>4</span>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>
                            </div>
                        </li>
                        <li>
                            <span>5</span>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>
                            </div>
                        </li>
                        <li>
                            <span>6</span>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>
                            </div>
                        </li>
                        <li>
                            <span>7</span>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>

                            </div>
                        </li>
                        <li>
                            <span>8</span>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>

                            </div>
                        </li>
                        <li>
                            <span>9</span>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>

                        </li>
                        <li>
                            <span>10</span>
                            <div>
                                <p><a href="#"></a>康纳斯顿梅洛干红葡萄酒(黑标)</p>
                            </div>
                        </li>


                    </ul>
                </div>
            </div>
        </div>


    </section>
    <!-- 脚部 -->
    <footer></footer>
</body>

</html>

<script>
    $(function(){
        $.ajax({
            url:'../../sever/goodlist.php',
            dataType:'json'
        }).done(function(res){
            console.log(res);
            var $i=0;
            res.forEach((ele,index) => {
                console.log( $(".preis_g .gleich a").eq($i));
                
                
                $(" .preis_g .gleich .preis").eq($i).text(ele.good_geld)
              
                $(".preis_g .gleich>a").eq($i).attr("href","./goodsDetail.html?good_id="+ele.good_id)
             
                $(".preis_g .gleich img").eq($i).attr("src",ele.imgUrl);
              
                $(".preis_g .gleich .g_name").eq($i).text(ele.good_name);
                $i++;
            });
        })
    });

</script>